<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<title>主页</title>
		<link rel="stylesheet" href="css/ytui.css" />
		<script src="js/html-size-calculation.js"></script>
		<script src="js/zepto.min.js"></script>
		<script src="js/yui-slider.js"></script>
		<script>
			$(function() {
				$("#slider").yuiSlider();
			})
		</script>
	</head>

	<body class="bg-second  header-fixed nav-fixed">
		<!--头部-->
		<header class="header-bar bb">
			<h2 class="header-title c33">新闻列表</h2>
		</header>
		<!--头部-->

		<!--轮播-->
		<section class="yui-slider" id="slider" style="height:9rem">
			<div class="yui-slider-content">
				<div>
					<a href="#">
						<img src="images/mycare-goods-img.png" />
					</a>
					<div></div>
				</div>
				<div>
					<a href="#">
						<img src="images/header-bgbig-cc.jpg" />
					</a>
				</div>
			</div>
		</section>
		<!--列表-->
		<ul class="list mt30 mb30">
			<li>
				<a href="#" class="yt yt-ac">
					<div class="list-img mr20" style="background-image:url(images/header-bgbig-cc.jpg)"></div>
					<div class="yt-f1">
						<div class="list-title">今日说法</div>
						<p class="fz26 lh14 yt-te2 c33">我们擅于发掘富有价值的洞察并具有最广泛的能力，深谙业务与技术，能迅速、明确的交付业务成果，帮您解决最为复杂的业务难题。</p>
						<span class="fz26 c33">时间：2015-10-10</span>
					</div>
				</a>
			</li>

			<li>
				<a href="#" class="yt yt-ac">
					<div class="list-img mr20" style="background-image:url(images/mycare-goods-img.png)"></div>
					<div class="yt-f1">
						<div class="list-title">今日说法</div>
						<p class="fz26 lh14 yt-te2 c33">我们擅于发掘富有价值的洞察并具有最广泛的能力，深谙业务与技术，能迅速、明确的交付业务成果，帮您解决最为复杂的业务难题。</p>
						<span class="fz26 c33">时间：2015-10-10</span>
					</div>
				</a>
			</li>
			<li>
				<a href="#" class="yt yt-ac">
					<div class="list-img mr20" style="background-image:url(images/header-bgbig-cc.jpg)"></div>
					<div class="yt-f1">
						<div class="list-title">今日说法</div>
						<p class="fz26 lh14 yt-te2 c33">我们擅于发掘富有价值的洞察并具有最广泛的能力，深谙业务与技术，能迅速、明确的交付业务成果，帮您解决最为复杂的业务难题。</p>
						<span class="fz26 c33">时间：2015-10-10</span>
					</div>
				</a>
			</li>
			<li>
				<a href="#" class="yt yt-ac">
					<div class="list-img mr20" style="background-image:url(images/mycare-goods-img.png)"></div>
					<div class="yt-f1">
						<div class="list-title">今日说法</div>
						<p class="fz26 lh14 yt-te2 c33">我们擅于发掘富有价值的洞察并具有最广泛的能力，深谙业务与技术，能迅速、明确的交付业务成果，帮您解决最为复杂的业务难题。</p>
						<span class="fz26 c33">时间：2015-10-10</span>
					</div>
				</a>
			</li>
		</ul>

		<!--尾部-->
		<nav class="nav">
			<div class="nav-item active">
				<i class="icon icon-home fz42"></i>
				<span class="fz24">首页</span>
			</div>
			<div class="nav-item">
				<i class="icon icon-search fz42"></i>
				<span class="fz24 db">搜索</span>
			</div>
			<div class="nav-item">
				<i class="icon icon-comment fz42"></i>
				<span class="fz24 db">聊天</span>
			</div>
			<div class="nav-item">
				<i class="icon icon-user fz42"></i>
				<span class="fz24 db">我</span>
			</div>
		</nav>

	</body>

</html>